<template>
  <div class="box">
    <h1>Child2</h1>
    <button @click="$root.$emit('add' , 100)">修改兄弟组件的数据</button>

  </div>
</template>

<script>
/* 
      $root:当前组件树的根 Vue 实例
      我们可以借助这个$root做事件总线类似的传值方式
*/
export default {
  name: "Child2",
  


};
</script>

<style scoped>
.box {
  background: deepskyblue;
}
</style>
